/*----------------------------------------------------------------- Main Style Stylesheet Template Name : Bronto - Consulting Business HTML5 Template Author : NourEgy Version : 1.0 Primary Use : Company, Business -----------------------------------------------------------------*/ /*----------------------------------------------------------------- Table Of Index -------------------------------- 1. Reset css 2. Style Css 1- Loading Screen 2- Navigation 3- Home 4- About 5- Service 6- Statistics 7- Protfolio 8- Testimonial 9- Blog 11- Footer -----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Default Settings ----------------------------------------------------------------*/ /*========== All Transition Settings ==========*/ /*========== Block Settings ==========*/ .figure { margin: 0; padding: 0; background: #fff; overflow: hidden; } .figure:hover+span { bottom: -36px; opacity: 1; } /* Zoom In #1 */ .hover01 .figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover01 .figure:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } /* Zoom In #2 */ .hover02 figure img { width: 300px; height: auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover02 figure:hover img { width: 350px; } /* Zoom Out #1 */ .hover03 figure img { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover03 figure:hover img { -webkit-transform: scale(1); transform: scale(1); } /* Zoom Out #2 */ .hover04 figure img { width: 400px; height: auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover04 figure:hover img { width: 300px; } /* Slide */ .hover05 figure img { margin-left: 30px; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover05 figure:hover img { margin-left: 0; } /* Rotate */ .hover06 figure img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover06 figure:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } /* Blur */ .hover07 figure img { -webkit-filter: blur(3px); filter: blur(3px); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover07 figure:hover img { -webkit-filter: blur(0); filter: blur(0); } /* Gray Scale */ .hover08 figure img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover08 figure:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } /* Sepia */ .hover09 figure img { -webkit-filter: sepia(100%); filter: sepia(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover09 figure:hover img { -webkit-filter: sepia(0); filter: sepia(0); } /* Blur + Gray Scale */ .hover10 figure img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover10 figure:hover img { -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); } /* Opacity #1 */ .hover11 figure img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover11 figure:hover img { opacity: .5; } /* Opacity #2 */ .hover12 figure { background: #1abc9c; } .hover12 figure img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover12 figure:hover img { opacity: .5; } /* Flashing */ .hover13 figure:hover img { opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s; } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } /* Shine */ .hover14 figure { position: relative; } .hover14 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover14 figure:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* Circle */ .hover15 figure { position: relative; } .hover15 figure::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .hover15 figure:hover::before { -webkit-animation: circle .75s; animation: circle .75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } img { max-width: 100%; height: auto; } iframe { width: 100%; border: none; } a, a:hover, a:focus, a:active, button:focus { text-decoration: none; border: none; outline: 0; color: #FFF; } ul ol, li{ list-style: none; margin: 0; padding: 0; } select:focus, select:active { box-shadow: none; border: 0; outline: 0 } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="subject"]:focus, textarea:focus, select:focus, button:focus { outline: none; border: 1px solid #75186a; } input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], input[type="subject"], textarea { outline: 0; resize: none; font-weight: 400; display: block; width: 100%; line-height: 24px; height: 50px; font-size: 14px; border: 1px solid #f1f1f1; padding: 13px 20px; background: #f5f5fb; color: #323232; border-radius: 0px; margin-bottom: 30px; box-shadow: none !important; } textarea { height: 150px; padding-top: 20px; } textarea:focus { outline: none !important; box-shadow: none !important; } /*========== Typography Settings ==========*/ h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; line-height: 1; } h1 { font-size: 55px; font-weight: 700; } h2 { font-size: 40px; font-weight: 500; } h3 { font-weight: 500; font-size: 23px; } h4 { font-size: 23px; font-weight: 500; } h5 { font-size: 20px; font-weight: 500; } p { line-height: 28px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #989595; } .empty-btn { border: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 30px; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 600; display: inline-block; } .empty-btn:hover { border: 1px solid rgba(255, 255, 255, 0.5); } /*========== Spacing CSS ==========*/ .ptb-130 { padding-top: 130px; padding-bottom: 130px; } .pt-130 { padding-top: 130px; } .pb-130 { padding-bottom: 130px; } .ptb-120 { padding-top: 120px; padding-bottom: 120px; } .pt-120 { padding-top: 120px; } .pb-120 { padding-bottom: 120px; } .ptb-110 { padding-top: 110px; padding-bottom: 110px; } .pt-110 { padding-top: 110px; } .pb-110 { padding-bottom: 110px; } .ptb-100 { padding-top: 100px; padding-bottom: 100px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .ptb-90 { padding-top: 90px; padding-bottom: 90px; } .pt-90 { padding-top: 90px; } .pb-90 { padding-bottom: 90px; } .ptb-80 { padding-top: 80px; padding-bottom: 80px; } .pt-80 { padding-top: 80px; } .pb-80 { padding-bottom: 80px; } .ptb-70 { padding-top: 70px; padding-bottom: 70px; } .pt-70 { padding-top: 70px; } .pb-70 { padding-bottom: 70px; } .ptb-60 { padding-top: 60px; padding-bottom: 60px; } .pt-60 { padding-top: 60px; } .pb-60 { padding-bottom: 60px; } .ptb-50 { padding-top: 50px; padding-bottom: 50px; } .pt-50 { padding-top: 50px; } .pb-50 { padding-bottom: 50px; } .ptb-40 { padding-top: 40px; padding-bottom: 40px; } .pt-40 { padding-top: 40px; } .pb-40 { padding-bottom: 40px; } .pb-30 { padding-bottom: 30px; } .pt-30 { padding-top: 30px; } .pb-20 { padding-bottom: 20px; } .pt-20 { padding-top: 20px; } .pb-10 { padding-bottom: 10px; } .pt-10 { padding-top: 10px; } .no-padding { padding: 0; } .mt-100 { margin-top: 100px; } .mb-100 { margin-bottom: 100px; } .mb-70 { margin-bottom: 70px } .mt-50 { margin-top: 50px; } .mb-50 { margin-bottom: 50px; } .mb-40 { margin-bottom: 40px; } .mt-40 { margin-top: 40px; } .mt-30 { margin-top: 30px; } .mr-30 { margin-right: 30px !important; } .mb-30 { margin-bottom: 30px; } .ml-30 { margin-left: 30px; } .mt-25 { margin-top: 25px; } .mr-25 { margin-right: 25px; } .mb-25 { margin-bottom: 25px; } .ml-25 { margin-left: 25px; } .mt-20 { margin-top: 20px; } .mr-20 { margin-right: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; } .mt-15 { margin-top: 15px; } .mr-15 { margin-right: 15px; } .mb-15 { margin-bottom: 15px; } .ml-15 { margin-left: 15px; } .mt-15 { margin-top: 15px; } .mr-15 { margin-right: 15px; } .mb-15 { margin-bottom: 15px; } .ml-15 { margin-left: 15px; } .mt-10 { margin-top: 10px; } .mr-10 { margin-right: 10px; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px; } .mt-5 { margin-top: 5px; } .mr-5 { margin-right: 5px; } .mb-5 { margin-bottom: 5px; } .ml-5 { margin-bottom: 5px; } .mt-0 { margin-top: 0px; } .mr-0 { margin-right: 0px; } .mb-0 { margin-bottom: 0px; } .ml-0 { margin-left: 0px; } .mrl-row { margin-right: 0; margin-left: 0; } .last-child { margin-bottom: 0px !important; } /*========= Alignment CSS ==========*/ .text-center { text-align: center; } .text-right { text-align: right; } /*========== My Classes ==========*/ .section-title { margin-bottom: 70px; } .section-title h2, .section-title-left h2 { color: #666; display: block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: .20px; font-size: 14px; line-height: 14px; margin: 0; } .section-title h3, .section-title-left h3 { color: #323232; text-transform: capitalize; font-size: 34px; font-weight: 700; margin-top: 10px; margin-bottom: 22px; line-height: 44px } .section-title h3 span, .section-title-left h3 span { color: #75186a; } .section-title .line-title { width: 75px; height: 3px; background: #75186a; margin-right: auto; margin-left: auto; margin-top: 22px; } .section-title p { max-width: 630px; margin-right: auto; margin-left: auto; margin-top: 25px; color: #9e9e9e; font-size: 15px; font-weight: 400; line-height: 24px; margin-bottom: 0; text-transform: capitalize; } .section-title-left .line-title { margin-bottom: 22px; width: 75px; height: 3px; background: #75186a; margin-top: 22px; } .display-table { width: 100%; height: 100%; display: table; } .table-cell { display: table-cell; vertical-align: middle; } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-inherit { position: inherit; } .btn-one, .btn-two, .btn-three, .btn-four, .btn-five { cursor: pointer; display: inline-block; font-family: 'Poppins', sans-serif; position: relative; z-index: 2; font-size: 13px; font-weight: 600; text-transform: uppercase; text-align: center; padding: 0 5px; line-height: 51px; min-width: 175px; height: 50px; letter-spacing: 0.30px; border-radius: 2px; -webkite-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-box-shadow: -5px 10px 30px -5px rgba(0, 0, 0, 0.2); box-shadow: -5px 10px 30px -5px rgba(0, 0, 0, 0.2); } .btn-one { -webkit-box-shadow: -5px 10px 30px -5px rgba(0, 0, 0, 0.2); box-shadow: -5px 10px 30px -5px rgba(0, 0, 0, 0.2); background: #75186a; color: #ffffff; } .btn-one:hover{ background: #232323; color: #fff; } .btn-two { background: transparent; border: 2px solid #f5f5fb; color: #FFF; } .btn-two:hover { background: #FFF; color: #232323; border: 2px solid #fff; } .btn-three { background: #FFF; color: #2d2a2a; } .btn-three:hover { background: #75186a; color: #FFF; } .btn-four { background: #2d2a2a; color: #fff; } .btn-four:hover { background: #fff; color: #2d2a2a; } .btn-five { background: transparent; border: 2px solid #232323; color: #232323; line-height: 48px; } .btn-five:hover { background: #232323; color: #fff; border: 2px solid #232323; } .social-media { padding-left: 0; padding-right: 0; margin-bottom: 0; } .social-media li { display: inline-block; } .social-media li a { margin-right: 10px; transition: .4s; width: 40px; height: 40px; border-radius: 1px; font-size: 15px; line-height: 40px; text-align: center; color: #ffffff; border: 1px solid #75186a; background: #75186a; display: block; } .social-media li a:hover { background: #FFF; color: #75186a; border: 1px solid #ffffff; } .cover-background { position: relative !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; height: 100%; width: 100%; } .bg-image { background-image: url(../../1920x1280.png); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; top: 0; left: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; position: relative; } .overlay { background: linear-gradient(45deg, rgba(38, 38, 47, 0.95) 0%, rgba(38, 38, 47, 0.95) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bg-white { background: #FFF !important; } .bg-dark { background: #232323 !important; } .color-white { color: #FFF !important; } .color-gray { color: #eee !important; } body { position: relative; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; color: #989595; line-height: 25px; background: #DDD; } /*---------------------------------------------------------------- End Default Settings ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Loading Screen ----------------------------------------------------------------*/ .loading-screen { position: fixed; width: 100%; height: 100%; background: #f5f5fb; left: 0; top: 0; z-index: 99999; } .spinner { width: 60px; height: 60px; background-color: #75186a; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /*---------------------------------------------------------------- End Loading Screen ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Upperbar ----------------------------------------------------------------*/ .upper-bar { background: #fff; height: 50px; line-height: 50px; font-size: 14px; border-bottom: 1px solid #f1f1f1; } .upper-bar .contact-us-bar { font-weight: 500; } .upper-bar .contact-us-bar a { font-size: 12px; margin-right: 12px; color: #323232; font-weight: 500; border-right: 2px solid #ccc; padding-right: 12px; transition: all 0.4s; } .upper-bar .contact-us-bar a:last-child { border-right: none; } .upper-bar .contact-us-bar a span { font-size: 14px; margin-right: 5px; transition: .1s; color: #3a52e1; } .upper-bar .contact-us-bar a:hover { color: #75186a; } .upper-bar .social-media-bar { float: right; margin-bottom: 0; padding-left: 0; } .upper-bar .social-media-bar li { display: inline-block; padding-left: 3px; } .upper-bar .social-media-bar li a { transition: .4s; width: 30px; height: 30px; border-radius: 2px; background: #f5f5fb; font-size: 12px; line-height: 30px; text-align: center; color: #323232; display: block; border: 1px solid #f1f1f1; } .upper-bar .social-media-bar li a:hover { background: #75186a; border: 1px solid #75186a; color: #fff; } .upper-bar-two { background: transparent; z-index: 777; position: absolute; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.11); } .upper-bar-two .contact-us-bar a { color: #FFF; font-weight: 400; } .upper-bar-two .contact-us-bar a span { color: #FFF; } .upper-bar-two .social-media-bar li a { border: none; background: transparent; color: #FFF; } .upper-bar-two .social-media-bar li a:hover { background: transparent; border: none; color: #75186a; } .classic-upper-bar { background: #75186a; } .classic-upper-bar .contact-us-bar a { font-size: 12px; margin-right: 12px; color: #eee; font-weight: 500; border-right: 2px solid #eeeeee47; padding-right: 12px; transition: all 0.4s; } .classic-upper-bar .contact-us-bar a:hover { color: #FFF; } .classic-upper-bar .contact-us-bar a span { font-size: 14px; margin-right: 5px; transition: .1s; color: #eee; } .classic-upper-bar .social-media-bar li a { transition: .4s; width: 30px; height: 30px; border-radius: 2px; background: transparent; font-size: 12px; line-height: 30px; text-align: center; color: #eee; display: block; border: 1px solid transparent; } /*---------------------------------------------------------------- End Upperbar ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Navbar ----------------------------------------------------------------*/ nav { display: block; width: 100%; position: relative; z-index: 999; } .container-nav { position: relative; } .my-logo { display: inline-block; width: 90%; padding: 15.5px 0; } @media screen and (max-width:800px ){ .my-logo { width: 70%; } } .navbar-toggle { height: 32px; line-height: 32px; width: 30px; cursor: pointer; top: 35px; right: 15px; position: absolute; display: none; } .navbar-toggle span { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .navbar-toggle:hover span { background: #75186a; } .navbar-toggle span:first-child { background: #323232; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 22px; top: 0; } .navbar-toggle span:nth-child(2) { background: #323232; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 22px; top: 6px; } .navbar-toggle span:nth-child(3) { background: #323232; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 22px; top: 12px; } .navbar-toggle-active span:first-child { top: 7px; transform: rotate(45deg); background: #75186a; } .navbar-toggle-active span:nth-child(2) { display: none; } .navbar-toggle-active span:nth-child(3) { top: 7px; transform: rotate(135deg); background: #75186a; } .nav-menu { padding: 0; margin: 0; list-style: none; float: left; } .nav-menu li { display: inline-block; } .nav-menu li a { color: #323232; text-decoration: none; display: block; margin-left: 28px; font-size: 13px; font-weight: 700; padding: 30px 0; font-family: 'Open Sans', sans-serif; position: relative; text-transform: uppercase; } .nav-menu .nav-item.active .nav-link, .nav-menu .nav-item:hover .nav-link { color: #75186a; } .nav-menu .nav-item .nav-link:before { position: absolute; content: ''; width: 100%; display: table; height: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; bottom: -1px; -webkit-transition: all 300ms linear; transition: all 300ms linear; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); background: #75186a !important; opacity: 0; } .nav-menu .nav-item.active > .nav-link:before, .nav-menu .nav-item:hover .nav-link:before { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; color: #75186a !important; background-color: transparent; } .has-dropdown .icon-down { display: none; } .icon-links { float: right; margin-left: 35px; position: relative; top: 0; right: 0; } .icon-links a { color: #323232; text-decoration: none; display: inline-block; margin-left: 14px; font-size: 15px; font-weight: 700; padding: 30px 0; font-family: 'Open Sans', sans-serif; position: relative; text-transform: uppercase; transition: all 0.4s; } .icon-links a:first-child { margin-left: 0; } .icon-links a:hover { color: #75186a; } .nav-bar .nav-menu .nav-item.has-dropdown > ul.sub-menu { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin: 0; padding: 0; list-style: none; position: absolute; width: 200px; visibility: hidden; opacity: 0; background: #fff; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08); border-bottom: 3px solid #75186a; margin-left: 5px; } .nav-bar .nav-menu .nav-item.has-dropdown > ul.sub-menu li.active a { color: #75186a; } .nav-bar .nav-menu .nav-item.has-dropdown > ul.sub-menu::after { clear: both; content: " "; display: block; width: 100%; } .nav-item.has-dropdown > ul.sub-menu li { display: block; z-index: 3; } .nav-item.has-dropdown > ul.sub-menu li a { opacity: .7; display: block; color: #3e3a3a; font-size: 14px; font-weight: 600; padding: 12px 23px; margin: 0; position: relative; background: transparent; border-bottom: 1px solid #f1f1f1 !important; transition: .5s; } .nav-item.has-dropdown > ul.sub-menu li a:last-child { border: none; } .nav-item.has-dropdown > ul.sub-menu li a:hover { opacity: 1; } .nav-item.has-dropdown > ul.sub-menu li a:hover { color: #323232; opacity: 1; background: #f5f5fb; padding-right: 20px; } .nav-item.has-dropdown:hover ul.sub-menu { -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important; visibility: visible !important; } .nav-item.has-dropdown > ul.sub-menu li { position: relative; } .nav-bar .sub-menu .has-dropdown-two { position: relative; } .nav-bar .sub-menu .has-dropdown-two span { float: right; margin-top: 4px; font-size: 12px; } .nav-bar .sub-menu .has-dropdown-two:hover > ul.sub-menu-two { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible } .nav-bar .sub-menu .has-dropdown-two > ul.sub-menu-two { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; margin: 0; padding: 0; list-style: none; position: absolute; width: 230px; visibility: hidden; opacity: 0; top: 0; background: #fff; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08); border-bottom: 3px solid #75186a; margin-left: 200px; } .nav-bar .sub-menu .has-dropdown-two > ul.sub-menu-two::after { clear: both; width: 100%; display: block; } .nav-bar-two { } .fixed-top .my-logo .logo-two { display: none; } .fixed-top .my-logo .logo-one { display: block; } .fixed-top::after, .nav-fixed:after, .fixed-top .nav-output::after, .nav-fixed .nav-output::after { clear: both; content; ""; width: 100%; display: block; } .fixed-top { position: fixed; top: 50px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .nav-fixed { background: #fff; position: fixed; top: 0; right: 0; left: 0; z-index: 999; width: 100%; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .nav-fixed .my-logo .logo-two { display: block; } .nav-fixed .my-logo .logo-one { display: none; } .fixed-top .nav-menu li a, .fixed-top .icon-links a { color: #FFF; } .nav-bar-two .nav-menu .nav-item .nav-link:before { bottom: 20px; display: none; } /*---------------------------------------------------------------- End Navbar ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Slids Menu ----------------------------------------------------------------*/ /* Side Menu Item */ .side-menu { position: fixed; top: 0; right: -400px; width: 400px; height: 100%; min-height: 100%; padding: 100px 40px 150px 50px; background: #fff; overflow: hidden; visibility: hidden; z-index: 9999; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: -11px 0px 13px rgba(0,0,0,.02); -moz-box-shadow: -11px 0px 13px rgba(0,0,0,.02); -o-box-shadow: -11px 0px 13px rgba(0,0,0,.02); box-shadow: -11px 0px 13px rgba(0,0,0,.02); overflow-y: auto; overflow-x: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .side-menu.open { right: 0; visibility: visible; } .close-side-menu { top: 30px; right: 30px; width: 40px; height: 40px; position: absolute; border-radius: 2px; background: #75186a; z-index: 55; text-align: center; line-height: 40px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .close-side-menu span { font-size: 35px; font-weight: 700; text-align: center; line-height: 40px; color: #fff; } .close-side-menu:hover { background: #232323; color: #fff; } .close-side-menu:hover span { color: #fff; } .about-side { margin-bottom: 50px; } .about-side img { width: 150px; margin-bottom: 20px; } .about-side p { margin-bottom: 0; font-size: 14px; } .contact-side h6, .follow-us h6 { position: relative; font-size: 18px; font-weight: 600; text-transform: capitalize; color: #323232; letter-spacing: .5px; } .contact-side .line-side, .follow-us .line-side { width: 50px; height: 3px; background: #75186a; margin-bottom: 30px; margin-top: 20px; } .contact-side .contact-info .single-contact { margin-bottom: 25px; } .contact-side .contact-info .single-contact span { color: #75186a; } .contact-side .contact-info .single-contact .info-cont p { color: #989595; font-weight: 600; } .contact-side { margin-bottom: 50px; } .side-menu .social-media li a { background: #f5f5fb; border: 1px solid #f5f5fb; color: #75186a; } .side-menu .social-media li a:hover { background: #75186a; border: 1px solid #75186a; color: #fff; } /* Overlay Side Menu */ .close-menu-sidebar { height: 100%; background: rgba(253, 253, 253, 0.95); position: absolute; left: 0; top: 0; z-index: 9998; cursor: url("../images/icons/cancel.png"), auto; opacity: 0; visibility: hidden; width: 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .close-menu-sidebar.open { width: 100%; opacity: 1; visibility: inherit; } /*---------------------------------------------------------------- End Slids Menu ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Search ----------------------------------------------------------------*/ .search-screen { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); overflow: hidden; visibility: hidden; z-index: 9999; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; overflow-y: auto; overflow-x: hidden; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .search-screen.open { top: 0; visibility: visible; } /* Start Close Search */ .search-screen .close-search { top: 30px; right: 30px; width: 40px; height: 40px; position: absolute; border-radius: 2px; background: #75186a; z-index: 55; text-align: center; line-height: 40px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .close-search span { font-size: 35px; font-weight: 700; text-align: center; line-height: 40px; color: #fff; } .close-search:hover { background: #232323; color: #fff; } .close-search:hover span { color: #fff; } /* End Close Search */ .search-screen .input-search { top: 50%; max-width: 750px; margin: auto; position: absolute; left: 0; right: 0; display: block; } .search-screen .input-search input[type="search"] { position: relative; width: 90%; font-family: inherit; font-size: 14px; font-weight: inherit; color: #323232; border-radius: 2px; background: #fff; outline: 0; cursor: pointer; margin: 0; margin-right: auto !important; margin-left: auto !important; display: block; overflow: hidden; padding: 20px; border: 1px solid #f1f1f1; height: 70px; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); } .search-screen .search-btn { background: #75186a; border: none; cursor: pointer; outline: none; color: #FFF; font-size: 16px; height: 70px; width: 70px; line-height: 70px; text-align: center; position: absolute; right: 5%; top: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .search-screen .search-btn i { padding-left: 5px; } .search-screen .search-btn:hover { background: #232323; } /*---------------------------------------------------------------- End Search ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Widget Shopping Cart ----------------------------------------------------------------*/ /*---------------------------------------------------------------- End Widget Shopping Cart ----------------------------------------------------------------*/ .widget-shopping-cart { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; margin: 0; padding: 0; position: absolute; top: 100%; right: 0; width: 280px; visibility: hidden; opacity: 0; border-radius: 1px; overflow: hidden; background: #fff; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08); border: 1px solid #f1f1f1; padding: 10px; } .cart-link:hover .widget-shopping-cart { -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important; visibility: visible !important; } .widget-shopping-cart ul { padding-left: 0; line-height: 40px; margin: 0; } .widget-shopping-cart ul .empty-cart { font-size: 15px; color: #323232; text-transform: capitalize; font-weight: 600; padding: 10px; } /*---------------------------------------------------------------- Start Section Header ----------------------------------------------------------------*/ .main-home { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; top: 0; left: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 650px; min-height: 100%; width: 100%; position: relative; overflow: hidden; z-index: 222; } .main-home .overlay { background: rgba(50, 50, 50, 0.3); position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; height: 650px; } .info-header { height: 650px; min-height: 100% } .info-header h1 { color: #fff; font-weight: 700; line-height: 65px; font-size: 55px; margin-bottom: 20px; } .info-header h1 span { color: #f9b03e; } .text-header { font-size: 17px; color: #f8f8f8; font-weight: 600; line-height: 30px; margin-bottom: 45px; max-width: 600px; margin-right: auto; margin-left: auto; } .banner { position: relative; z-index: 33; } .banner-meta { display: block; margin: 0 0 40px; padding-left: 0; } .banner-meta li { display: inline; position: relative; letter-spacing: 4px; text-transform: UPPERCASE; font-size: 18px; color: #EEE; font-weight: 700; line-height: 27px; } .banner-meta li:first-of-type::before { top: -1px; content: " "; font-size: 11px; position: relative; color: currentcolor; padding: 0 20px 0 0; } .banner-meta li::before { top: -1px; content: "|"; font-size: 11px; position: relative; color: currentcolor; padding: 0 20px 0 17px; } .play-video div.play { background: transparent; border: 2px solid #FFF; width: 51px; height: 51px; line-height: 49px; border-radius: 50px; position: relative; font-size: 15px; display: inline-block; text-align: center; color: #ffffff; margin-right: 5px; margin-left: 15px; transition: all 0.4s; } .play-video span { text-transform: uppercase; letter-spacing: 0.26px; font-family: 'Poppins', sans-serif; position: relative; z-index: 2; font-size: 13px; font-weight: 600; transition: all 0.4s; } .play-video:hover { color: #75186a; } .play-video:hover div.play { color: #75186a; border: 2px solid #75186a; } .text-left { text-align: left !important; } text-right { text-align: right !important; } /*----------- Header 01-Home -----------*/ .home-two { height: 100vh; min-height: 100%; width: 100%; position: relative; overflow: hidden; z-index: 222; } .home-two .overlay { background: rgba(50, 50, 50, 0.5); position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; height: 650px; } .home-two .slider-hero .owl-dots { display: none; } .home-two .info-header { height: 100vh; min-height: 100%; } .home-two .info-header .top-title-header { color: #eee; display: block; letter-spacing: 1px; line-height: 20px; font-size: 15px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .home-two .info-header .line-header { width: 75px; height: 3px; background: #fff; margin-right: auto; margin-left: auto; margin-top: 25px; margin-bottom: 40px; } /*----------- Header 02-Home Slider Hero -----------*/ .owl-carousel { position: relative; } .slider-hero .owl-nav{ position: absolute; top: 48%; width: 100%; z-index: 999; transform: translateY(-50%); } .slider-hero .owl-nav div { width: 45px; height: 45px; color: #ffffff; text-align: center; line-height: 48px; font-size: 20px; background: rgba(41, 41, 41, 0.34); border-radius: 2px; z-index: 999; } .slider-hero .owl-nav div:hover { background: #75186a; color: #fff; } .slider-hero .owl-nav div.owl-prev { left: 10px; position: absolute; transition: all 0.4s ease 0s; } .slider-hero .owl-nav div.owl-next { right: 10px; position: absolute; transition: all 0.4s ease 0s; } .slider-hero .owl-dots { position: absolute; bottom: 5%; width: 100%; z-index: 99; transform: translateY(-50%); text-align: center; } .slider-hero .owl-dots .owl-dot { margin: 20px 7px 0 7px; width: 25px; height: 6px; background: rgba(255, 255, 255, 0.26); margin-right: 5px; margin-left: 5px; display: inline-block; border-radius: 1px; } .slider-hero .owl-dots .owl-dot.active { background: #fff; } /*----------- Header 04-Home Creative -----------*/ .home-two { height: 100vh; min-height: 100%; width: 100%; position: relative; overflow: hidden; z-index: 222; } .home-classic .cover-background { background-position: center top !important; } .home-classic .slider-hero .owl-dots { display: none; } .home-classic .overlay { background: rgba(50, 50, 50, 0.1); } .home-classic .inner-banner { padding: 50px; background: #FFF; } .home-classic .top-title-header { color: #666; display: block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: .20px; font-size: 15px; line-height: 15px; margin-bottom: 13px } .home-classic .info-header h1 { color: #323232; text-transform: capitalize; font-weight: 700; line-height: 55px; font-size: 50px; margin-bottom: 22px; } .home-classic .text-header { text-transform: capitalize; font-size: 14px; line-height: 24px; color: #989595; font-weight: 500; margin-bottom: 35px; } .home-classic .play-video div.play { border: 2px solid #75186a; color: #75186a; } .home-classic .play-video span { color: #75186a; } .home-classic .play-video:hover div.play { border: 2px solid #323232; color: #323232; } .home-classic .play-video:hover span { color: #323232; } /*---------------------------------------------------------------- End Section Header ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Bar Get a Free ----------------------------------------------------------------*/ .bar-get { background: #f5f5fb; padding: 50px 0; } .bar-get h2 { font-size: 30px; line-height: 48px; font-weight: 300; color: #323232; text-transform: capitalize; } .bar-get h2 span { font-weight: 600; } .bar-get .btn-get-free .btn-one { float: right; } .bar-get-two { background: #fff; } /*---------------------------------------------------------------- End Bar Get a Free ----------------------------------------------------------------*/ .info-about-us { background: #f5f5fb; position: relative; padding: 50px 0 20px; } .info-about-us .about-us-item { position: relative; margin-bottom: 30px; padding-left: 90px; padding-top: 10px; } .info-about-us .about-us-item span { font-size: 35px; color: #fff; position: absolute; left: 0; top: 0; bottom: 0; background: #323232; height: 65px; width: 65px; line-height: 65px; text-align: center; border-radius: 3px; transition: 0.4s; } .info-about-us .about-us-item:hover span { background: #75186a; } .inbox-item-info h3 { line-height: 24px; margin-bottom: 0; color: #323232; font-size: 18px; font-weight: 600; text-transform: capitalize; } .inbox-item-info p { font-size: 14px; font-weight: 500; margin-bottom: 0; } /*---------------------------------------------------------------- Start Section Features ----------------------------------------------------------------*/ .features { background: #FFF; } /* feat-item-one */ .feat-item-one { position: relative; z-index: 1; overflow: hidden; background: #f5f5fb; transition: 0.4s; border: 1px solid #f1f1f1; margin-bottom: 30px; } .feat-item-one:hover { background: #75186a; } .feat-item-one:hover .content-box-feat span, .feat-item-one:hover .content-box-feat h4, .feat-item-one:hover .content-box-feat p { color: #FFF; -webkite-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .feat-item-one .content-box-feat { position: relative; padding: 40px 30px; z-index: 5; text-align: center; } .feat-item-one .content-box-feat span { font-size: 50px; color: #75186a; display: block; } .feat-item-one .content-box-feat h4 { color: #323232; font-size: 18px; font-weight: 600; margin-bottom: 20px; text-transform: capitalize; margin-top: 25px; } .feat-item-one .content-box-feat p { margin-bottom: 0; line-height: 26px; } .features-two { margin-top: -80px; position: relative; z-index: 555; padding-bottom: 90px; } .feat-item-two { text-align: center; margin-bottom: 30px; background: #fff; border: 5px solid #FFF; -webkit-box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.10); -ms-box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.10); -o-box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.10); box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.10); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: relative; } .feat-item-two:hover { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); -webkit-box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.15); } .feat-item-two .meta-feat { padding: 30px 25px; } .feat-item-two h4 { color: #323232; font-size: 18px; font-weight: 600; margin-bottom: 15px; text-transform: capitalize; } .feat-item-two p { margin-bottom: 0; line-height: 26px; } /*---------------------------------------------------------------- End Section Features ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section About Us ----------------------------------------------------------------*/ .about-one { background: #f5f5fb; } .padding-about-one { padding-right: 15px; } .about-img-one { background-image: url(../images/about/01-about-us.jpeg); top: 0; left: 0; position: relative !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; height: 100%; width: 100%; min-height: 318px; } .about-img-one .overlay-about { padding: 20px; height: 100%; } .about-img-one .text-overlay { width: 100%; height: 100%; border: 2px solid rgba(255, 255, 255, .9); background-color: rgba(25, 25, 33, 0.15); position: relative; } .about-img-one .pos-text { position: absolute; bottom: 30px; left: 30px; font-size: 60px; color: #FFF; font-weight: 700; letter-spacing: 2px; } .about-img-one .pos-text span { display: block; font-size: 14px; margin-top: 20px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; } .info-about h5 { font-size: 22px; line-height: 35px; margin-bottom: 17px; margin-top: 25px; color: #454545; } .about-two { background: #fff; } .about-two .why-us { position: relative; } .item-why-us { margin-bottom: 30px; } .about-two .item-why-us span { font-size: 50px; color: #323232; display: block; } .about-two .item-why-us h4 { color: #323232; font-size: 18px; font-weight: 600; margin-bottom: 15px; text-transform: capitalize; margin-top: 20px; } .about-two .item-why-us p { margin-bottom: 0; line-height: 26px; } .about-img-two { position: relative; } .about-img-two img { width: 100%; } .about-img-two { position: relative; padding-left: 65px } .about-img-two .overlay-about { color: #fff; position: absolute; left: 0; bottom: 50px; z-index: 2; background: #75186a; padding: 50px 30px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } .about-img-two .pos-text { } .number-years { font-size: 60px; color: #FFF; font-weight: 700; letter-spacing: 2px; line-height: 45px; } .about-img-two .pos-text span { display: block; font-size: 14px; margin-top: 15px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; line-height: 20px; } .about-classic-img { background-image: url(../images/about/05-about-us.jpeg); top: 0; left: 0; position: relative !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; height: 100%; width: 100%; min-height: 318px; } .about-classic { background: #FFF; } .contact-classic { padding-right: 15px; padding-left: 15px; } .contact-classic .info-about { padding: 50px; background: #f5f5fb; } .contact-classic .leader-company { position: relative; padding-left: 90px; padding-top: 10px; } .contact-classic .leader-company img { height: 70px; width: 70px; border-radius: 50%; position: absolute; left: 0; top: 0; } .contact-classic .leader-company h3 { line-height: 24px; margin-bottom: 0; color: #323232; font-size: 18px; font-weight: 600; text-transform: capitalize; } .contact-classic .leader-company p { text-transform: uppercase; font-size: 14px; font-weight: 700; } .about-classic .item-why-us { position: relative; padding-left: 70px; } .about-classic .item-why-us span { position: absolute; left: 0; top: 0; color: #323232; font-size: 50px; } .about-classic .item-why-us h4 { color: #323232; font-size: 18px; font-weight: 600; margin-bottom: 15px; text-transform: capitalize; } .about-classic .item-why-us p { margin-bottom: 0; line-height: 24px; font-size: 14px; } .about-carousel { position: relative; } .about-carousel .owl-nav{ position: absolute; top: 0; width: 100%; z-index: 999; right: 0; } .about-carousel .owl-nav div { width: 35px; height: 35px; color: #323232; text-align: center; line-height: 35px; font-size: 15px; background: #fff; border-radius: 0; z-index: 999; border: 1px solid #eee; } .about-carousel .owl-nav div:hover { background: #75186a; color: #fff; } .about-carousel .owl-nav div.owl-prev { right: 40px; position: absolute; transition: all 0.4s ease 0s; } .about-carousel .owl-nav div.owl-next { right: 0px; position: absolute; transition: all 0.4s ease 0s; } /*---------------------------------------------------------------- End Section About US ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Statistics ----------------------------------------------------------------*/ .statistics { width: 100%; background-image: url(../images/background/bg-1.jpeg); background-position: center center; background-repeat: no-repeat; top: 0; left: 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .statistics .overlay { background: rgba(35, 35, 35, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .content-statistics { background: #fff; z-index: 10; position: relative; padding-top: 100px; padding-bottom: 70px; margin-bottom: -100px; -webkit-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); -moz-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); -ms-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); -o-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); margin-right: 0; margin-left: 0; } .stat-item { margin-bottom: 30px; text-align: center; position: relative; } .stat-icon { font-size: 50px; color: #75186a; position: absolute; left: 0; top: 0; display: none; } .stat-item .count { font-size: 40px; color: #323232; font-weight: 700; line-height: 30px; letter-spacing: 1px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; } .line-stat { width: 50px; height: 3px; margin-right: auto; margin-left: auto; background: #75186a; margin-top: 25px; margin-bottom: 20px; } .stat-item .text { color: #666; font-weight: 700; font-size: 14px; text-transform: capitalize; letter-spacing: 1px; line-height: 16px; display: block; margin-bottom: 0px; } .statistics-two { background: #FFF; } .statistics-two .stat-item { margin-bottom: 30px; text-align: left; position: relative; padding-left: 90px; padding-top: 2px; } .statistics-two .stat-item:hover span { background: #75186a; } .statistics-two .stat-item span { font-size: 35px; color: #fff; position: absolute; left: 0; top: 0; bottom: 0; background: #323232; height: 65px; width: 65px; line-height: 65px; text-align: center; transition: 0.4s; border-radius: 3px; } .statistics-two .stat-item .count { color: #323232; font-size: 40px; font-weight: 700; line-height: 30px; letter-spacing: 1px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; } .statistics-two .stat-item p { color: #666; font-weight: 700; font-size: 14px; text-transform: capitalize; letter-spacing: 1px; line-height: 16px; display: block; margin-bottom: 0px; } /*---------------------------------------------------------------- End Statistics ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section Services ----------------------------------------------------------------*/ .services { position: relative; } .services-one { background: #fff; padding-top: 220px; } .services-page { background: #f5f5fb; padding-top: 120px; } .services-page .services-item-one { background: #FFF; } /* feat-item-three */ .services-item-one { position: relative; z-index: 1; margin-bottom: 30px; overflow: hidden; background: #f5f5fb; } .services-item-one .content-box { position: relative; padding: 40px 30px; z-index: 5; text-align: center; } .services-item-one:hover { -webkit-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.3); -moz-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.3); -ms-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.3); -o-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.3); box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.3); } .services-item-one .content-box span { font-size: 50px; color: #75186a; display: block; } .services-item-one .content-box h4 { color: #323232; font-size: 18px; font-weight: 600; margin-bottom: 20px; text-transform: capitalize; margin-top: 25px; } .services-item-one .content-box p { margin-bottom: 0; line-height: 26px; } .content-box .read-more { color: #898989; font-size: 12px; display: inline-block; font-weight: 700; margin-top: 17px; border-bottom: 2px solid #898989; line-height: 20px; text-transform: uppercase; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .content-box .read-more i { font-size: 11px; margin-left: 5px; } .content-box .read-more:hover { color: #75186a; border-bottom: 2px solid #75186a; } /*.content-box .read-more:before:hover { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; color: #75186a !important; background-color: transparent; }*/ .services-item-one .services-box-img { bottom: 0; left: 0; opacity: 1; position: absolute; right: 0; top: 0; z-index: 0; background-size: cover; background-position: center center; height: 100%; width: 100%; opacity: 0; -webkite-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; opacity: 0; visibility: hidden; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); z-index: -1; } .services-item-one .services-box-img::before { background: rgba(35, 35, 35, 0.9) !important; content: " "; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .services-item-one:hover .services-box-img, .services-item-one.active .services-box-img { opacity: 1; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); visibility: visible; } .services-item-one:hover .content-box h4, .services-item-one.active .content-box h4, .services-item-one:hover .content-box p, .services-item-one.active .content-box p { color: #FFF; -webkite-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .services-two { background: #f5f5fb; } .services-item-two .img-services { position: relative; background: #FFF; padding: 10px 10px 0; overflow: hidden; } .services-item-two .content-box { background: #FFF; text-align: center; padding: 35px; transition: 0.4s; } .services-item-two .content-box h4 { color: #323232; font-size: 18px; font-weight: 600; margin-bottom: 15px; text-transform: capitalize; } .services-item-two .content-box p { margin-bottom: 0; line-height: 26px; } .services-item-two .content-box .read-more { color: #898989; font-size: 12px; display: inline-block; font-weight: 700; margin-top: 15px; border-bottom: 2px solid #898989; line-height: 20px; text-transform: uppercase; } .services-item-two .content-box .read-more:hover { color: #75186a; border-bottom: 2px solid #75186a; } .services-carousel .owl-nav { position: absolute; top: 46%; width: 100%; z-index: 999; transform: translateY(-50%); display: none; } .services-carousel .owl-nav div { width: 40px; height: 40px; color: #323232; text-align: center; line-height: 42px; font-size: 20px; background: #f5f5fb; border-radius: 1px; border: 1px solid #eee; z-index: 999; } .services-carousel .owl-nav div.owl-prev { left: 10px; position: absolute; transition: all 0.4s ease 0s; } .services-carousel .owl-nav div.owl-next { right: 10px; position: absolute; transition: all 0.4s ease 0s; } .services-carousel .owl-nav div:hover { background: #75186a; color: #fff; border: 1px solid #75186a; } .services-three { background: #f5f5fb } .services-classic { padding-right: 30px; padding-left: 30px; } .item-server-three { padding: 0; } .item-server-three .services-item-three { } .item-server-three .services-item-three .content-box { position: relative; padding: 40px 30px; z-index: 5; text-align: center; } .services-item-three .content-box span { font-size: 50px; color: #75186a; display: block; } .services-item-three .content-box h4 { color: #323232; font-size: 18px; font-weight: 600; margin-bottom: 20px; text-transform: capitalize; margin-top: 25px; } .services-item-three .content-box p { margin-bottom: 0; line-height: 26px; } .item-server-three:nth-child(1) { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .item-server-three:nth-child(2) { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .item-server-three:nth-child(3) { border-bottom: 1px solid #ddd; } .item-server-three:nth-child(4) { border-right: 1px solid #ddd; } .item-server-three:nth-child(5) { border-right: 1px solid #ddd; } .item-server-three .services-item-one { margin-bottom: 0; } /* Signle Services Page */ .single-services { background: #f5f5fb; } .title-widget { padding: 25px 30px; bordeR: 1px solid #f1f1f1; background: #ffffff; } .widget { margin-bottom: 30px; } .title-widget h3 { position: relative; font-size: 18px; font-weight: 600; line-height: 14px; text-transform: capitalize; color: #323232; } .links-services { padding-left: 0; background: #FFF; margin-bottom: 0; border-top: none; padding-bottom: 15px; padding-top: 15px; border: 1px solid #f1f1f1; } .links-services li { border-bottom: 1px solid #f5f3f3; margin-right: 30px; margin-left: 30px; } .links-services li a { font-size: 14px; font-weight: 500; padding-bottom: 15px; display: block; line-height: 15px; text-transform: capitalize; color: #898989; padding-top: 15px; transition: all .4s; } .links-services li a:hover { color: #75186a; padding-left: 10px; } .links-services li a i { margin-right: 10px; } .links-services li:last-child { border-bottom: none; } .lists-brochures { padding: 30px; background: #FFF; border-top: none; border: 1px solid #f1f1f1; } .lists-brochures li a { width: 100%; position: relative; border: 1px solid #f1f1f1; background: #f5f5fb; color: #323232; height: 60px; line-height: 60px; display: block; margin-bottom: 20px; text-align: left; padding-left: 15px; font-family: 'Poppins', sans-serif; z-index: 2; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.20px; } .lists-brochures li a i { margin-right: 10px; font-size: 11px; } .lists-brochures li:last-child a { margin-bottom: 0; } .lists-brochures li a span { position: absolute; right: 15px; height: 30px; width: 30px; background: #75186a; line-height: 30px; top: 15px; text-align: center; font-size: 10px; color: #FFF; } .inner-widget { padding: 30px; background: #FFF; border-top: none; border: 1px solid #f1f1f1; } .inner-widget p { line-height: 26px; margin-bottom: 30px; } .title-single-service h3 { color: #323232; text-transform: capitalize; font-size: 25px; font-weight: 600; margin-bottom: 25px; line-height: 25px; margin-top: 0; } .container-service-details .faq { background: transparent; padding: 0; } .signle-services-item { margin-bottom: 50px; } .signle-services-item .indicator { padding-left: 0; margin-bottom: 20px; } .indicator li { margin-bottom: 10px; color: #898989; font-size: 14px; text-transform: capitalize; } .indicator li span { margin-right: 10px; color: #75186a !important; } .img-indicator { padding-top: 10px; } .how-work-two { margin-right: 0; margin-left: 0; } .signle-services-item img { width: 100%; } .signle-services-item .item-process { padding: 30px; background: #FFF; position: relative; text-align: left; border: 1px solid #f1f1f1; } .signle-services-item .item-process .number-work { margin-bottom: 20px; font-size: 30px; line-height: 25px; font-weight: 600; opacity: 0.6; } .signle-services-item .item-process h4 { color: #323232; font-size: 18px; font-weight: 600; text-transform: capitalize; } .signle-services-item .item-process .line-process { width: 50px; height: 3px; background: #75186a; margin-top: 25px; margin-bottom: 20px; margin-left: 0; } .signle-services-item .item-process p { margin-bottom: 0; line-height: 26px; } /*---------------------------------------------------------------- End Section Services ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section Work Process ----------------------------------------------------------------*/ .work-process { width: 100%; background-image: url(../images/background/bg-3.jpeg); background-position: center center; background-repeat: no-repeat; top: 0; left: 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .work-process .overlay { background: rgba(35, 35, 35, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .content-process { z-index: 10; position: relative; margin-bottom: -100px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); margin-right: 0; margin-left: 0; } .item-process { padding: 50px 30px; background: #FFF; position: relative; text-align: center; border: 1px solid #f1f1f1; } .item-process .number-work { margin-bottom: 25px; font-size: 50px; line-height: 30px; font-weight: 600; opacity: 0.6; } .item-process h4 { color: #323232; font-size: 18px; font-weight: 600; text-transform: capitalize; } .item-process .line-process { width: 50px; height: 3px; background: #75186a; margin-right: auto; margin-left: auto; margin-top: 23px; margin-bottom: 20px; } .item-process p { margin-bottom: 0; line-height: 26px; } /*---------------------------------------------------------------- End Section Work Process ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section FAQ’s ----------------------------------------------------------------*/ .faq { padding-top: 220px; background: #FFF; position: relative; } .faq-two { padding-top: 120px; } .faq-three { padding-top: 120px; background: #f5f5fb; } .img-video { position: relative; } .img-video img { width: 100%; } .overlay-video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(50, 50, 50, 0.2); } .intro-video { position: absolute; top: 50%; left: 50%; background-size: 90px 90px; margin-bottom: 0; } .our-video-text { padding-top: 40px; } .img-video .start-video { width: 80px; height: 80px; z-index: 3; transform: translate(-50%, -50%); line-height: 80px; transition: all .4s ease; text-align: center; background: #75186a; border-radius: 50%; font-size: 25px; } .img-video .start-video .go-video { z-index: 3; position: absolute; right: 0; left: 0; background: #75186a; border-radius: 50%; transition: all .4s ease; font-size: 18px; } .img-video .start-video .go-video:hover { background: #323232; } .title-video { transform: translate(-50%, -100%); font-size: 14px; font-weight: 700; color: #FFF; } .accordion { margin-top: 35px; } .faq .card { padding: 0; border: none; box-shadow: none; border-radius: 0; background: none; margin-bottom: 5px; border: 1px solid #eee; } .faq .card-header { padding: 0; border: none; box-shadow: none; border-radius: 0; background: none; } .card .card-header button:after { position: absolute; right: 30px; top: 20px; font-weight: 900; font-family: "Font Awesome 5 Free"; content: "\f067"; font-size: 10px; height: 20px; width: 20px; background: transparent; line-height: 20px; text-align: center; } .card .card-header button[aria-expanded="true"] { margin-bottom: 0; color: #0051fa; } .card .card-header button[aria-expanded="true"]:after { content: "\f068"; background: #478cfb; color: #FFF; } .faq .card-header .btn-link { display: block; width: 100%; text-align: left; padding: 15px 30px; background: #fff; font-size: 18px; color: #323232; font-weight: 500; text-decoration: none; border-bottom: 1px solid #eee; white-space: inherit; padding-right: 40px; } .faq .card-body { padding: 20px 30px 15px; background: #FFF; font-family: 'Open Sans', sans-serif; } .faq-three .acco { margin-top: 0 !important; } /*---------------------------------------------------------------- End Section FAQ’s ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section Portfolio ----------------------------------------------------------------*/ .portoflio-one { position: relative; background: #f5f5fb; } .portoflio-one .owl-carousel { position: relative; } .portoflio-one .owl-nav{ position: absolute; top: 46%; width: 100%; z-index: 999; transform: translateY(-50%); } .portoflio-one .owl-nav div { width: 40px; height: 40px; color: #ffffff; text-align: center; line-height: 42px; font-size: 20px; background: rgba(129, 118, 118, 0.78); border-radius: 2px; z-index: 999; } .portoflio-one .owl-nav div:hover { background: #75186a; color: #fff; } .portoflio-one .owl-nav div.owl-prev { left: 10px; position: absolute; transition: all 0.4s ease 0s; } .portoflio-one .owl-nav div.owl-next { right: 10px; position: absolute; transition: all 0.4s ease 0s; } .case-item { position: relative; } .img-case { position: relative; overflow: hidden; } .portoflio-one .owl-carousel .owl-item .img-case img { display: block; margin-right: auto !important; margin-left: auto !important; width: 1000px !important; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .img-case img { width: 1000px !important; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .portoflio-one .img-case:hover img { opacity: 0.9; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .case-item .img-case .overlay-case { position: absolute; left: 10px; bottom: 10px; right: 10px; top: 10px; z-index: 25; opacity: 0; display: block; background: rgba(51, 51, 51, 0.9); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .case-item .img-case:hover .overlay-case { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .case-item .img-case .overlay-case .inner-overlay { position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; display: table; z-index: 1; padding: 10px 10px; vertical-align: middle; opacity: 0; transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .case-item .img-case:hover .overlay-case .inner-overlay { opacity: 1; top: 0; transition-delay: 0.5s; } .case-item .img-case .overlay-case .inner-overlay .case-study-text { position: relative; text-align: center; display: table-cell; vertical-align: middle; } .case-study-text { } .case-study-text .tag-case { color: #ddd; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; font-weight: 500; font-family: 'Open Sans', sans-serif } .case-study-text h5 { color: #fff; font-weight: 500; font-size: 20px; line-height: 20px; margin-bottom: 10px; text-transform: capitalize; } .case-study-text .line-case { width: 50px; height: 3px; margin: 20px auto 25px; background: #75186a; } .links-case { } .links-case div { display: inline-block; } .links-case div a { margin-right: 5px; margin-left: 5px; transition: .4s; width: 35px; height: 35px; border-radius: 2px; font-size: 14px; line-height: 35px; text-align: center; color: #323232; border: 1px solid #f1f1f1; background: #fff; display: block; } .links-case div a:hover { border: 1px solid #75186a; color: #FFF; background: #75186a; } .portfolio-two { background: #f5f5fb; position: relative; } .portfolio-two .filter-group { position: relative; display: block; width: 100%; text-align: center; } .list-control { display: inline-block; margin-bottom: 30px; } .list-control li { margin: 0 5px 10px; padding: 8px 20px; font-weight: 700; cursor: pointer; display: inherit; color: #232323; text-transform: capitalize; font-size: 13px; background: #FFF; } .list-control li.active { background: #75186a; color: #FFF; } .portfolio-two .case-item { margin-bottom: 30px; } .portfolio-two .img-case img { display: block; margin-right: auto !important; margin-left: auto !important; width: 1000px !important; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .portfolio-two .img-case:hover img { opacity: 0.9; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .footer-case { padding: 10px; background: #FFF; border: 1px solid #eee; text-align: left; color: #323232; } .footer-case .tag-case { color: #898989; font-size: 12px; text-transform: uppercase; font-weight: 700; line-height: 12px; font-family: 'Open Sans', sans-serif; margin-bottom: 10px; } .footer-case h5 a { display: block; color: #323232; font-size: 18px; font-weight: 700; line-height: 23px; margin-bottom: 15px; text-transform: capitalize; margin-top: 7px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .footer-case h5 a:hover { color: #75186a; } .footer-case p { margin-bottom: 0; } .footer-case .read-more { color: #898989; font-size: 12px; display: inline-block; font-weight: 700; margin-top: 15px; border-bottom: 1px solid #898989; line-height: 20px; text-transform: uppercase; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .footer-case .read-more:hover { color: #75186a; border-bottom: 1px solid #75186a; } .footer-case .read-more i { font-size: 11px; margin-left: 5px; } /* Page Single Case */ .single-case-study { position: relative; background: #f5f5fb; } .single-item-one, .single-item-two, .single-item-three { background: #FFF; margin-right: 0; margin-left: 0; } .single-item-one { padding: 100px 50px 50px; } .single-item-one .portoflio-one { background: #fff; } .single-item-two { padding: 0 50px 20px; } .single-item-three { padding: 0 50px 40px; margin-bottom: 120px; } .single-item-three .img-indicator { padding-top: 0px; } .box-project h3 { color: #323232; text-transform: capitalize; font-size: 25px; font-weight: 600; margin-bottom: 25px; line-height: 25px; margin-top: 0; } .box-project p { line-height: 26px; margin-bottom: 25px; } .box-project .project-details { padding: 30px 30px 10px; background: #f5f5fb; border: 1px solid #f1f1f1; } .box-project ul li { padding-bottom: 20px; font-size: 13px; text-transform: capitalize; font-weight: 500; line-height: 13px; letter-spacing: 1px; } .box-project ul li span { font-size: 13px; font-weight: 600; color: #323232; text-align: left; width: 120px; display: block; float: left; text-transform: uppercase; } .item-dat-case { margin-bottom: 30px; } .item-dat-case h4 { color: #323232; font-size: 18px; font-weight: 600; text-transform: capitalize; margin-bottom: 18px; } .item-dat-case p { line-height: 26px; margin-bottom: 0; } .info-project { background: #f5f5fb; } .info-project .faq { background: transparent; padding-top: 0; } .info-project .card { background: transparent; } .case-studies h4 { color: #323232; text-transform: capitalize; font-size: 25px; font-weight: 600; margin-bottom: 30px; line-height: 25px; margin-top: 0; } .single-case-slider .owl-item img { width: 1000px; } /*---------------------------------------------------------------- End Section Portfolio ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section price ----------------------------------------------------------------*/ .price { background: #fff; } .price-bg-two { background: #f5f5fb; } .price .price-item { padding: 40px 30px; background: #fff; margin-bottom: 30px; border: 2px solid #f1f1f1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: relative; } .price .price-item:hover { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); -webkit-box-shadow: 0 5px 30px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 30px -2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 5px 30px -2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 5px 30px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 30px -2px rgba(0, 0, 0, 0.3); position: relative; z-index: 9; border: 2px solid #75186a !important; } .header-price { padding: 30px; background: #f5f5fb; border: 1px solid #f1f1f1; } .price-item .header-price h4 { margin-bottom: 20px; font-weight: 600; text-align: center; color: #323232; text-transform: capitalize; font-size: 20px; } .price-item .value { text-align: center; position: relative; padding-bottom: 20px; } .price-item .value h3 { font-size: 50px; font-weight: 800; display: inline-block; color: #323232; position: relative; font-family: 'Open Sans', sans-serif; } .price-item .value h3 span { font-size: 12px; position: absolute; top: 0; left: -15px; } .value .per { text-transform: uppercase; font-size: 13px; font-weight: 600; margin-left: 10px; color: #323232; } .price-item .header-price p { margin-bottom: 0px; line-height: 24px; text-transform: capitalize; font-weight: 600; text-align: center } .price-item .features { text-align: center; margin-top: 35px; margin-bottom: 35px } .price-item .features ul { padding-left: 0; margin-bottom: 0; } .price-item .features ul li { font-size: 14px; font-weight: 500; line-height: 14px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f1f1f1; } .price-item .features ul li span { margin-right: 10px; color: #f57479; } .price .order { text-align: center; } .price-two { -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.05); -o-box-shadow: 0px 5px 5px rgba(0,0,0,0.05); box-shadow: 0px 5px 5px rgba(0,0,0,0.05); border: 2px solid #75186a !important; } .price-two .btn-four:hover { background: #75186a; color: #fff; } .price-two .value h3, .price-two .features ul li span, .price-two .value .per { color: #75186a; } /*---------------------------------------------------------------- End Section Price ----------------------------------------------------------------*/ /**/ .testimonials { background: #f5f5fb; position: relative; } .testimonials-one .owl-carousel { position: relative; } .testimonials-one .owl-carousel .testmonail-item .owl-item { margin: auto; } .testimonials-one .owl-theme .owl-dots .owl-dot span { margin: 20px 7px 0 7px; width: 25px; height: 6px; background: rgba(255, 255, 255, 0.26); margin-right: 5px; margin-left: 5px; display: inline-block; border-radius: 1px; } .testimonials-one .owl-theme .owl-dots .owl-dot:hover span, .testimonials-one .owl-theme .owl-dots .owl-dot.active span { background: #fff; } .testimonials-one .owl-dots .active span { background: #fff !important; } .testimonials-one .owl-nav { position: absolute; top: 45%; width: 100%; z-index: 999; transform: translateY(-50%); } .testimonials-one .owl-nav div { width: 45px !important; height: 45px !important; color: #fff !important; text-align: center !important; line-height: 40px !important; font-size: 20px !important; background: rgba(244, 244, 244, 0.2) !important; border-radius: 2px !important; z-index: 999 !important; } .testimonials-one .owl-nav div:hover { background: #75186a !important; color: #fff !important; } .testimonials-one .owl-nav div.owl-prev { left: -100px; position: absolute; transition: all 0.4s ease 0s; } .testimonials-one .owl-nav div.owl-next { right: -100px; position: absolute; transition: all 0.4s ease 0s; } .testimonials-one { background-image: url(../images/background/bg-2.jpeg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; top: 0; left: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; position: relative; } .testimonials-one .overlay { background: rgba(35, 35, 35, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .testimonials-one .testmonail-box { background-color: transparent; padding: 0; position: relative; text-align: center; border-radius: 0; } .testimonials-one .client-img { height: 90px; width: 90px; margin-right: auto !important; margin-left: auto !important; display: block; position: relative; margin-bottom: 25px; } .testimonials-one .client-img img { border-radius: 50%; margin: auto; } .testimonials-one .quote-icon { color: #323232; position: absolute; top: 0; right: -10px; background: #fff; height: 35px; border-radius: 50%; font-size: 8px !important; width: 35px; line-height: 40px; text-align: center; } .testimonials-one .inner-test p { font-size: 17px; font-weight: 400; line-height: 28px; text-transform: capitalize; color: #EEE; margin-bottom: 0; } .line-testmonial { width: 70px; height: 3px; margin-right: auto; margin-left: auto; background: #75186a; margin-top: 22px; margin-bottom: 25px; } .testimonials-one .author-details h6 { color: #fff; font-weight: 500; font-size: 20px; line-height: 20px; margin-bottom: 10px; text-transform: capitalize; letter-spacing: 1px; } .testimonials-one .author-details span { display: block; line-height: 15px; margin-bottom: 0px; font-size: 12px; font-weight: 500; text-transform: uppercase; margin-top: 5px; color: #ddd; } /*---------------------------------------------------------------- Start Section Testimonials ----------------------------------------------------------------*/ .testimonials { } .testimonials .overlay { } .owl-carousel { position: relative; } .testimonials .owl-nav { position: absolute; top: 46%; width: 100%; z-index: 999; transform: translateY(-50%); display: none; } .testimonials .owl-nav div { width: 40px; height: 40px; border: 1px solid #75186a; color: #75186a; text-align: center; line-height: 40px; font-size: 16px; background: transparent; } .testimonials .owl-nav div.owl-prev { left: 0px; position: absolute; transition: all 0.4s ease 0s; } .testimonials .owl-nav div.owl-next { right: 0px; position: absolute; transition: all 0.4s ease 0s; } .testimonials .testmonail-box { background: #ffffff; padding: 40px 30px; position: relative; border: 1px solid #f5f5f5; text-align: left; overflow: hidden; } .testimonials .inner-test { margin-top: 20px; border-top: 2px solid #f1f1f19c; padding-top: 15px; margin-bottom: 15px; } .testimonials .inner-test p { margin-bottom: 0; font-size: 16px; font-weight: 400; font-style: italic; line-height: 28px; } .testimonials .quote-icon { position: absolute; color: #f5f5fb; font-size: 28px; right: 30px; transform: rotate(180deg); top: 50px; } .testimonials .client-img { display: inline-block; margin-right: 20px; float: left; } .testimonials .client-img img { border-radius: 50%; height: 65px; width: 65px; border: 1px solid #75186a; padding: 3px; background: #FFF; position: relative; } .testimonials .author-details { float: left; } .testimonials .author-details h6{ color: #323232; text-transform: capitalize; font-size: 18px; font-weight: 600; padding-top: 6px; line-height: 23px; margin-bottom: 2px; } .testimonials .author-details span { font-size: 13px; font-weight: 500; line-height: 20px; } .list-stars { padding-left: 0; margin-bottom: 0; } .list-stars li { display: inline-block; font-size: 7px; color: #fac917; padding-right: 2px; } .our-team-two { background: #f5f5fb !important; position: relative; } .testimonials-two { background: #FFF !important; } .testimonials-two .testmonail-box { background: #f5f5fb; } .testimonials-two .quote-icon { color: rgba(0, 0, 0, 0.08); } .testimonials .inner-test { border-top: 2px solid #EEE; } .careers { background: #f5f5fb; } .career-item { padding: 30px; background: #FFF; border: 1px solid #f1f1f1; } .career-item .title-item { border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 15px; } .career-item h3 { color: #323232; font-size: 18px; font-weight: 600; text-transform: capitalize; display: block; line-height: 20px; margin-bottom: 15px; } .history span:first-child { color: #ffffff; font-weight: 600; background: #75186a; padding: 5px 10px; margin-right: 10px; font-size: 12px; } .history span { text-transform: uppercase; color: #989898; font-weight: 600; font-size: 12px; letter-spacing: 0.20px; } .career-item ul { padding-left: 0; margin-bottom: 15px; } .career-item ul li { margin-bottom: 5px; color: #666; } .career-item ul li span { margin-right: 10px; color: #75186a !important; } .career-item .read-more:hover { color: #75186a; border-bottom: 1px solid #75186a; } .career-item .read-more { color: #898989; font-size: 12px; display: inline-block; font-weight: 700; border-bottom: 1px solid #898989; line-height: 20px; text-transform: uppercase; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .career-item .read-more i { font-size: 11px; margin-left: 5px; } .apply-team { padding: 80px 50px 100px; background: #FFF; border: 1px solid #f1f1f1; margin-right: 0; margin-left: 0; margin-top: 90px; margin-bottom: 30px; } .apply-team .line-title { margin-bottom: 50px; } .apply-team form select { height: 50px !important; outline: 0; resize: none; font-weight: 400; display: block; width: 100%; line-height: 24px; font-size: 14px; border: 1px solid #f1f1f1; padding: 13px 20px; background: #f5f5fb; color: #323232; border-radius: 2px; margin-bottom: 30px; box-shadow: none !important; } .apply-team form input[type="file"] { height: 50px !important; outline: 0; resize: none; font-weight: 400; display: block; width: 100%; line-height: 24px; font-size: 14px; border: 1px solid #f1f1f1; padding: 13px 20px; background: #f5f5fb; color: #323232; border-radius: 2px; margin-bottom: 30px; box-shadow: none !importan } /*---------------------------------------------------------------- End Section Testimonials ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section Clients ----------------------------------------------------------------*/ .clients { position: relative; background: #fff; } .clients .owl-item > .owl-item { margin-right: auto !important; margin-left: auto !important; display: block; width: 100%; } .sponsor-item { direction: block; } .sponsor-item img { opacity: 0.8; display: block; margin-right: auto !important; margin-left: auto !important; width: 150px !important; transition: 0.4s; } .sponsor-item:hover img{ opacity: 1; } .our-partner { background: #f5f5fb; } .our-partner .partner-item { background: #FFF; border: 1px solid #f1f1f1; padding: 30px; } .our-partner .partner-item img { display: block; margin-right: auto; margin-left: auto; opacity: 0.6; transition: 0.4s ease-in-out; } .our-partner .partner-item:hover img { opacity: 1; } /*---------------------------------------------------------------- End Section Clients ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section Team ----------------------------------------------------------------*/ .our-team { background: #FFF; } .team-one-item { position: relative; margin-bottom: 30px; overflow: hidden; } .our-team .team-one-item img { display: block; margin-right: auto !important; margin-left: auto !important; width: 1000px !important; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .our-team .team-one-item:hover img { opacity: 0.9; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .team-one-item .overlay-team { position: absolute; left: 10px; bottom: 10px; right: 10px; top: 10px; z-index: 25; opacity: 0; display: block; background: rgba(51, 51, 51, 0.9); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .team-one-item:hover .overlay-team { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .team-one-item .overlay-team .inner-overlay { position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; display: table; z-index: 1; padding: 10px 10px; vertical-align: middle; opacity: 0; transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .team-one-item:hover .overlay-team .inner-overlay { opacity: 1; top: 0; transition-delay: 0.5s; } .team-one-item .overlay-team .inner-overlay .text-team { position: relative; text-align: center; display: table-cell; vertical-align: middle; } .text-team h4 { color: #fff; font-weight: 500; font-size: 20px; line-height: 20px; margin-bottom: 10px; text-transform: capitalize; letter-spacing: 1px; } .text-team p { display: block; line-height: 14px; margin-bottom: 0px; font-size: 14px; font-weight: 500; text-transform: uppercase; margin-top: 5px; color: #ddd; } .text-team .line-item { width: 50px; height: 3px; margin: 20px auto 25px; background: #75186a; } .social-media-team { padding-left: 0; } .social-media-team li { display: inline-block; } .social-media-team li a { margin-right: 5px; margin-left: 5px; transition: .4s; width: 35px; height: 35px; border-radius: 2px; font-size: 14px; line-height: 35px; text-align: center; color: #323232; border: 1px solid #f1f1f1; background: #fff; display: block; } .social-media-team li a:hover { border: 1px solid #75186a; color: #FFF; background: #75186a; } .team-classic .team-one-item { margin-bottom: 0; } .team-classic .owl-carousel { position: relative; } .team-classic .owl-nav{ position: absolute; top: 46%; width: 100%; z-index: 999; transform: translateY(-50%); } .team-classic .owl-nav div { width: 40px; height: 40px; color: #ffffff; text-align: center; line-height: 42px; font-size: 20px; background: rgba(129, 118, 118, 0.78); border-radius: 2px; z-index: 999; } .team-classic .owl-nav div:hover { background: #75186a; color: #fff; } .team-classic .owl-nav div.owl-prev { left: 10px; position: absolute; transition: all 0.4s ease 0s; } .team-classic .owl-nav div.owl-next { right: 10px; position: absolute; transition: all 0.4s ease 0s; } .footer-team { padding: 30px; text-align: left; background: #FFF; border: 1px solid #eee; } .footer-team h4 { color: #323232; font-size: 20px; font-weight: 600; text-transform: capitalize; margin-bottom: 15px; display: block; line-height: 18px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer-team p { color: #898989; font-size: 12px; margin-bottom: 0px; text-transform: uppercase; font-weight: 600; line-height: 12px; } .join-team { background: #fff; padding-right: 40px; padding-left: 40px; margin-top: 90px; margin-bottom: 30px; border: 1px solid #f1f1f1; padding-top: 50px; padding-bottom: 10px; } .join-team h3 { color: #666; display: block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: .20px; font-size: 15px; line-height: 16px; margin: 0; } .join-team h4 { color: #323232; text-transform: capitalize; font-size: 30px; font-weight: 700; margin-top: 10px; line-height: 44px; margin-bottom: 40px; } .join-team .btn-get-free a { margin-bottom: 40px !important; } /*---------------------------------------------------------------- End Section Team ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section Blog ----------------------------------------------------------------*/ .blog { background: #f5f5fb; } .blog-item { margin-bottom: 30px; } .blog-img { overflow: hidden; } .blog-item:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .blog-img { position: relative; } .blog-img img { width: 100%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .blog-info { background: #fff; padding: 35px 35px; z-index: 1; position: relative; border: 1px solid #f1f1f1; } .date { padding-left: 0; } .date li { display: inline-block; margin-right: 10px; } .date li a { color: #75186a; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .date li a:hover { color: #75186a; } .date li span { padding-right: 5px; } .blog-info .title-post h5 { display: block; color: #323232; font-size: 18px; font-weight: 700; line-height: 23px; margin-bottom: 18px; text-transform: capitalize; margin-top: 10px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .blog-item a h5:hover { color: #75186a; } .blog-info .post-text { font-size: 14px; font-weight: 400; line-height: 23px; } .blog-info .post-text p { margin-bottom: 0; } .blog-info .date { line-height: 20px; margin-bottom: 0px; font-size: 12px; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .blog-info .link-post { color: #898989; font-size: 12px; display: inline-block; font-weight: 700; margin-top: 17px; border-bottom: 2px solid #898989; line-height: 20px; text-transform: uppercase; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s } .blog-info .link-post i { font-size: 11px; margin-left: 5px; } .blog-info .link-post:hover { color: #75186a; border-bottom: 2px solid #75186a; } .author img { float: left; height: 35px; width: 35px; margin-right: 15px; border-radius: 50%; border: 2px solid #75186a; } .author .inner-author { padding-top: 5px; font-weight: 600; overflow: hidden; } .author .inner-author a { color: #75186a; font-weight: 700; } .author .inner-author a:hover { color: #75186a; } .widget-profile { background: #FFF; padding: 30px 28px; border: 1px solid #f1f1f1; } .widget-profile h3 { line-height: 20px; text-transform: uppercase; color: #323232; font-weight: 600; font-size: 18px; } .widget-profile span { font-weight: 500; line-height: 20px; color: #666; display: block; font-size: 15px; margin: 11px 0 8px; text-transform: capitalize; } .widget-profile p { font-size: 14px; margin-bottom: 0; line-height: 26px; } .widget-profile .read-more { color: #898989; font-size: 12px; display: inline-block; font-weight: 700; margin-top: 15px; border-bottom: 1px solid #898989; line-height: 20px; text-transform: uppercase; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .widget-profile .read-more i { font-size: 11px; margin-left: 5px; } .widget-profile .read-more:hover { color: #75186a; border-bottom: 1px solid #75186a; } .body-widget { padding: 30px; background: #FFF; border: 1px solid #f1f1f1; border-top: none; position: relative; } .btn-search { background: #75186a; border: none; cursor: pointer; outline: none; color: #FFF; font-size: 14px; height: 50px; width: 50px; line-height: 50px; text-align: center; position: absolute; right: 30px; top: 30px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .btn-search:hover { background: #323232; } .widget .categories { padding-left: 0; background: #FFF; margin-bottom: 0; border-top: none; padding-bottom: 15px; padding-top: 15px; border: 1px solid #f1f1f1; } .widget .categories li { border-bottom: 1px solid #f5f3f3; margin-right: 30px; margin-left: 30px; } .widget .categories li a { font-size: 14px; font-weight: 500; padding-bottom: 15px; display: block; line-height: 15px; text-transform: capitalize; color: #898989; padding-top: 15px; transition: all .4s; } .widget .categories li a:hover { color: #75186a; padding-left: 10px; } .widget .categories li a i { margin-right: 10px; } .widget .categories li:last-child { border-bottom: none; } .widget-posts { padding: 30px; background: #FFF; border: 1px solid #f1f1f1; border-top: none; } .lastet-posts { margin-bottom: 20px; overflow: hidden; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .lastet-posts img { float: left; height: auto; width: 25%; border-radius: 3px; display: block; } .widget-posts .lastet-posts:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .inner-text { float: left; width: 75%; padding-left: 10px; } .widget-posts .inner-text h6 { color: #323232; font-size: 14px; display: block; font-weight: 600; line-height: 22px; text-transform: capitalize; transition: 0.4s; } .widget-posts .inner-text h6:hover { color: #75186a; } .inner-text .meta { font-size: 11px; color: #9b9b9b; line-height: 20px; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; margin-top: 5px; } .tags { padding-bottom: 10px; } .widget .tags-list { padding-left: 0; } .widget .tags-list li { display: inline-block; } .widget .tags-list li a { background: #f5f5fb; font-size: 14px; font-weight: 500; color: #898989; border: solid 2px #f1f1f1; padding: 3px 10px; margin-right: 5px; margin-bottom: 10px; display: block; transition: 0.4s; } .widget .tags-list li a:hover { background: #75186a; border: 2px solid #75186a; color: #FFF; } .blog-pagination { margin-top: 20px; margin-bottom: 50px; } .blog-pagination .pagination li { margin-right: 10px; } .blog-pagination .pagination li a { background-color: transparent; font-size: 20px; color: #9b9b9b; font-weight: 600; text-transform: uppercase; padding: 0; width: 45px; height: 45px; line-height: 42px; text-align: center; display: block; border: 2px solid #ddd; transition: 0.4s; } .pagination li a.active, .pagination li a:hover { background: #75186a; border: 2px solid #75186a; color: #FFF; } .single-blog .post-text p { margin-bottom: 20px; font-size: 14px; line-height: 28px; } .single-blog .author { padding-top: 30px; margin-top: 30px; border-top: 2px solid #f1f1f1; } .single-blog .author span { font-size: 15px; font-weight: 600; color: #323232; } .share { float: right; overflow: hidden; margin-top: -20px; } .share-social { float: left; padding-left: 0; margin-top: 20px; margin-bottom: 0; } .share-social li { display: inline-block; padding-left: 10px; } .share-social a { transition: .4s; width: 30px; height: 30px; border-radius: 2px; background: #f5f5fb; font-size: 12px; line-height: 30px; text-align: center; color: #323232; display: block; border: 1px solid #f1f1f1; } .share-social a:hover { color: #fff; background: #75186a; border: 1px solid #75186a } .comments .title-comments { padding: 25px 30px; bordeR: 1px solid #f1f1f1; background: #ffffff; } .comments .title-comments h4 { position: relative; font-size: 18px; font-weight: 600; line-height: 14px; text-transform: capitalize; color: #323232; } .inner-comments { padding: 30px; background: #FFF; overflow: hidden; border: 1px solid #f1f1f1; border-top: none; } .comment-author { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f1f1f1; overflow: hidden; } .reply { margin-left: 120px; } .last-comment { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; } .comment-author img { border-radius: 50%; float: left; margin-right: 20px; width: 100px; height: 100px; } .person { padding-left: 120px; } .person h5 { display: block; color: #323232; font-size: 18px; font-weight: 600; line-height: 23px; text-transform: capitalize; margin-bottom: 5px; } .person .time { line-height: 20px; margin-bottom: 5px; font-size: 12px; margin: 0 0 10px; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .person p { margin-bottom: 15px; } .person a { color: #898989; background: #f5f5fb; line-height: 20px; padding: 5px 12px; border: 1px solid #f1f1f1; font-size: 11px; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; transition: 0.4s; } .person a:hover { color: #fff; background: #75186a; border: 1px solid #75186a; } .title-add { padding: 20px 30px; background: #f9fffe; border-bottom: 1px solid #f2f3f3; } .title-add h4 { position: relative; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 13px; color: #444; } .comment-form { padding: 30px; background: #FFF; border: 1px solid #f1f1f1; border-top: none; } /*---------------------------------------------------------------- End Section Blog ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Section support ----------------------------------------------------------------*/ .support { background: #f5f5fb; } .support .centent-support { margin-right: 0; margin-left: 0; background: #fff; z-index: 10; position: relative; padding: 100px 50px 70px; margin-bottom: -100px; border: 1px solid #f1f1f1; -webkit-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); -moz-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); -ms-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); -o-box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); box-shadow: 0px 5px 20px rgba(52, 47, 47, 0.12); } .centent-support h3 { margin-top: 0; } .centent-support p { margin-bottom: 30px; font-family: 'Poppins', sans-serif; line-height: 24px; } .support .centent-support form select { height: 50px !important; outline: 0; resize: none; font-weight: 400; display: block; width: 100%; line-height: 24px; font-size: 14px; border: 1px solid #f1f1f1; padding: 13px 20px; background: #f5f5fb; color: #323232; border-radius: 2px; margin-bottom: 30px; box-shadow: none !important; } .support .centent-support form .btn-one { width: 100%; margin-bottom: 30px; } /*---------------------------------------------------------------- End Section support ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Footer ----------------------------------------------------------------*/ footer { padding-top: 80px; background: #323232; position: relative; background-image: url(../images/background/bg-3.jpeg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; left: 0; top: 0; } .footer-default-padding { padding-top: 80px; } footer .overlay { background: rgba(35, 35, 35, 0.95); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .footer-widget h4 { position: relative; font-size: 18px; font-weight: 600; text-transform: capitalize; color: #ffffff; letter-spacing: .5px; } .footer-widget .line-footer { width: 50px; height: 3px; background: #75186a; margin-bottom: 30px; margin-top: 20px; } .footer-row { margin-bottom: 50px; } .footer-widget .footer-logo img { width: 250px; margin-bottom: 30px; } .contact-info { padding-left: 0; } .contact-info .single-contact { position: relative; padding-left: 40px; margin-bottom: 30px; } .contact-info .single-contact span { position: absolute; left: 0; color: rgba(255, 255, 255, 0.85); top: 0; font-size: 16px; } .contact-info .single-contact .info-cont p { color: #ccc; font-size: 14px; font-weight: 600; margin-bottom: 10px; line-height: 15px; position: relative; } .footer-widget .social-media-footer { padding-left: 0; margin-bottom: 0; } .footer-widget .social-media-footer li { display: inline-block; padding-right: 15px; } .footer-widget .social-media-footer li a { font-size: 18px; color: #fff; transition: .1s; } .footer-widget .social-media-footer li a:hover { color: #f57479; } /* COMPANY LINKs */ .footer-widget .footer-link { padding-left: 0; } .footer-widget .footer-link li { border-bottom: 1px solid rgba(214, 214, 214, 0.2); transition: .4s; } .footer-widget .footer-link li:first-child a { padding-top: 0; } .footer-widget .footer-link li:hover a { padding-left: 8px; color: #FFF; } .footer-widget .footer-link li a { font-size: 13px; color: #ccc; display: block; transition: .4s; padding-top: 13px; padding-bottom: 13px; line-height: 14px; } .footer-widget .footer-link li span { padding-right: 5px; font-size: 10px; } /* newsletter-item */ .footer-widget p { font-weight: 500; color: #ccc; font-size: 14px; } .newsletter-item { position: relative; margin-bottom: 35px; } .newsletter-item input { } .newsletter-item button { height: 50px; box-shadow: none; position: absolute; cursor: pointer; right: 0px; width: 50px; text-align: center; font-size: 20px; color: #ffffff; background: #75186a; display: inline-block; top: 0; line-height: 50px; border: 1px solid #75186a; } .footer-bar { z-index: 3; position: relative; background: #232323; } footer .copyright { font-weight: 500; font-size: 14px; color: #f4f7fd; letter-spacing: 1.7px; line-height: 30px; padding-top: 30px; padding-bottom: 30px; text-align: center; } footer .copyright a { color: #75186a; font-weight: 700; } /* Scroll Top */ .scroll-up { position: fixed; bottom: 70px; right: 20px; background: #75186a; color: #FFF; width: 40px; height: 40px; line-height: 42px; font-size: 18px; text-align: center; border-radius: 2px; cursor: pointer; z-index: 555; display: none; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.18); -o-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.18); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.18); transition: all 0.4s; } .scroll-up:hover { background: #323232; } /*---------------------------------------------------------------- End Footer ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Start Page Shop ----------------------------------------------------------------*/ .shop { background: #f5f5fb; } .img-product { position: relative; overflow: hidden; } .img-product img { width: 100%; } .img-product .btn-product { display: block; position: absolute; width: 100%; text-align: center; line-height: 50px; height: 50px; background: #75186a; z-index: 5; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.30px; border-radius: 2px; -webkite-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; bottom: -50px; left: 0; } .img-product .btn-product i { margin-right: 10px; } .single-product-item:hover .img-product .btn-product { bottom: 0; } .content-product { background: #FFF; border: 1px solid #f1f1f1; padding: 30px; text-align: center; position: relative; } .content-product h4 a { font-size: 18px; font-weight: 600; color: #323232; line-height: 18px; margin-bottom: 12px; text-transform: capitalize; transition: 0.4s; } .content-product h4 a:hover { color: #75186a; } .price-product { line-height: 16px; margin-bottom: 10px; font-size: 16px; margin-top: 15px; } .price-product span { margin-right: 5px; margin-left: 5px; font-weight: 600; color: #75186a; position: relative; } .price-product span.old-price { color: #898989; font-weight: 400;color: #898989; } .price-product span.old-price::before { position: absolute; content: " "; width: 100%; height: 2px; top: 10px; background: #898989; } .evaluation-product { padding-left: 0; margin-bottom: 0; } .evaluation-product li { display: inline-block; font-size: 7px; color: #fac917; padding-right: 1px; padding-left: 1px; } .box-single-product { background: #FFF; border: 1px solid #f1f1f1; padding: 100px 50px 50px; margin-right: 0; margin-left: 0; margin-bottom: 30px; } .box-single-product .img-product { margin-bottom: 50px; position: relative; overflow: hidden; } .box-single-product .img-product img { width: 100%; } .product-info h3 { color: #323232; text-transform: capitalize; font-size: 25px; font-weight: 600; margin-bottom: 30px; line-height: 25px; margin-top: 0; } .product-info span { margin-left: 0; margin-right: 10px; } .product-info p { border-bottom: 2px solid #eee; margin-bottom: 30px; padding-bottom: 25px; margin-top: 25px; padding-top: 25px; border-top: 2px solid #EEE; } .quantity::after, .product-info::after, .btns::after, .nav-tabs::after { display: block; width: 100%; clear: both; content: " "; } .quantity { float: left; } .product-info .btn-one { box-shadow: none; float: right; } .quantity .minus, .quantity .plus { height: 50px; width: 50px; line-height: 50px; font-size: 15px; color: #323232; background: #f5f5fb; display: block; float: left; border: 1px solid #f1f1f1; border-right: none; text-align: center; } .quantity .plus { border-left: none; border-right: 1px solid #f1f1f1; } .quantity input { float: left; width: 100px; background: #FFF; border: 1px solid #f1f1f1; text-align: center; color: #323232; margin-bottom: 0; } .share-product { margin-top: 30px; padding-top: 30px; border-top: 2px solid #EEE; } .share-product span { font-size: 15px; font-weight: 600; color: #323232; } .share-product .share-social a { transition: .4s; width: 30px; height: 30px; border-radius: 2px; background: #f5f5fb; font-size: 12px; line-height: 30px; text-align: center; color: #323232; display: block; border: 1px solid #f1f1f1; } .share-product .share-social a:hover { background: #75186a; border: 1px solid #75186a; color: #FFF; } .nav-tabs { padding-left: 0; margin-bottom: 0; border: 2px solid #f1f1f1; background: #FFF; } .nav-tabs li { width: 175px; display: block; float: left; font-weight: 600; line-height: 50px; height: 50px; text-align: center; position: relative; cursor: pointer; border: 2px solid #f1f1f1; border-bottom: none; color: #323232; border-top: none; } .nav-tabs li:first-child { border-right: none; border-left: none; } .nav-tabs li h5 { line-height: 50px; font-size: 13px; text-transform: uppercase; } .nav-tabs li.active { background: #fff; position: relative; } .nav-tabs li.active::before { content: " "; display: block; width: 100%; bottom: -2px; height: 2px; background: #fff; position: absolute; } .content-revision > div, .my-account > div { display: none; } .content-revision > div:first-child, .my-account > div:first-child { display:block; } .content-revision, .my-account { background: #FFF; padding: 50px; border: 2px solid #f1f1f1; border-top: none; } .reviews .title-add { border-bottom: 2px solid #f1f1f1; padding: 0; background: #FFF; margin-bottom: 30px; padding-bottom: 20px; } .reviews .title-add h4 { font-size: 18px; margin-bottom: 5px; text-transform: capitalize; } .reviews .comment-form { padding: 0; background: #FFF; border: none; } .products-footer h4 { color: #323232; text-transform: capitalize; font-size: 25px; font-weight: 600; margin-bottom: 30px; line-height: 25px; margin-top: 0; } .cart-empty-item { padding: 50px; background: #FFF; border: 1px solid #f1f1f1; } .cart-empty-item p { font-size: 18px; margin-bottom: 20px; text-transform: capitalize; color: #323232; font-weight: 600; } .my-account .title-add { padding: 0; margin-bottom: 30px; border: none; } .my-account .title-add h4 { position: relative; font-size: 18px; font-weight: 700; text-transform: capitalize; line-height: 18px; color: #323232; } .my-account .btn-one { border: none; box-shadow: none; margin-right: 10px; } .remember-me { padding-left: 5px; font-size: 16px; font-weight: 500; color: #898989; margin-bottom: 0px; } .loss-password a { font-size: 16px; font-weight: 500; color: #898989; margin-bottom: 0px; display: block; transition: 0.4s; } .loss-password a:hover { color: #75186a; } .lost-password-page { padding: 50px; background: #FFF; border: 1px solid #f1f1f1; } .lost-password-page .btn-one { border: none; } /*---------------------------------------------------------------- End Page Shop ----------------------------------------------------------------*/ /*---------------------------------------------------------------- End Page Shop ----------------------------------------------------------------*/ .error-page { background: #f5f5fb; } .error-item { padding: 50px 0; } .error-item h1 { font-size: 100px; line-height: 80px; color: #323232; margin-bottom: 20px; } .error-item h2 { font-size: 20px; color: #323232; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; line-height: 18px; } .error-item p { font-size: 16px; color: #666; margin-bottom: 40px; } /*---------------------------------------------------------------- End Page Shop ----------------------------------------------------------------*/ .contact-us-page { background: #f5f5fb; } .contact-us-meta { background: #FFF; padding: 100px 50px 50px; border: 1px solid #f1f1f1; } .contact-us-meta .line-contact { margin-top: 45px; margin-bottom: 80px; height: 1px; background: #e6e4e4; width: 100%; } .contact-item { margin-bottom: 30px; } .contact-item .inner-contact { position: relative; padding-left: 50px; margin-bottom: 20px; border-bottom: 1px solid #e6e4e4; padding-bottom: 25px; } .contact-item .inner-contact span { position: absolute; left: 0; top: 0; height: 40px; width: 40px; background: #75186a; border: 1px solid #75186a; text-align: center; line-height: 40px; font-size: 16px; color: #ffffff; } .contact-item .inner-contact h4 { font-size: 18px; line-height: 18px; padding-top: 10px; font-weight: 600; color: #323232; padding-bottom: 10px; text-transform: capitalize; } .contact-us-meta .contact-item p { color: #666; font-size: 14px; font-weight: 600; margin-bottom: 10px; line-height: 15px; position: relative; } .img-contact { position: relative; } .img-contact img { width: 100%; } .img-contact .overlay-contact-us { padding: 10px; height: 100%; position: absolute; width: 100%; top: 0; left: 0; } .img-contact .text-overlay { width: 100%; height: 100%; border: 2px solid rgba(255, 255, 255, .9); background-color: rgba(25, 25, 33, 0.10); position: relative; } .img-contact .text-overlay h3 { position: absolute; bottom: 30px; left: 30px; font-size: 30px; color: #FFF; font-weight: 700; } /******** header-breadcrumb ******/ .header-breadcrumb { padding: 150px 0 ; background-image: url(../../upload/2169793767616164slider-1.jpg); min-height: 100%; position: relative !important; background-size: cover !important; background-position:center !important; background-repeat: no-repeat !important; height: 100%; width: 100%; } .header-breadcrumb::after { background: rgba(50, 50, 50, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .header-breadcrumb .container { position: relative; z-index: 5; text-align: center; } .header-breadcrumb h1 { line-height: 50px; color: #fff; font-size: 50px; font-weight: 600; margin: 0 auto 20px; text-transform: capitalize; text-align: center; position: relative;; } .header-breadcrumb .breadcrumb { text-align: center; padding: 0; background: none; display: block; margin: 0; border: none; border-radius: 0; } .header-breadcrumb .breadcrumb li { display: inline-block; position: relative; padding-right: 5px; padding-left: 5px; font-size: 17px; font-weight: 500; color: #eee; text-transform: capitalize; transition: 0.4s; letter-spacing: 0.20px; font-family: 'Open Sans', sans-serif; } .header-breadcrumb .breadcrumb li a { transition: 0.4s; } .header-breadcrumb .breadcrumb li:hover a { color: #75186a; } /* Dark-color : #2d2a2a Dark-color-2 : #3e3a3a Pink-color : #ff3376 Blue-color : #75186a */